<template>
  <div class="lcdp_axe_main" v-show="alreadyLoad">
    <div class="lcdp_axe jxd_ins_elBaseWebPage jxd_additional PfxtLrxx hussar_0">
      <!-- 标题 -->
      <div :disabled="h1_2Disabled" v-show="!h1_2Hidden" class="h1_2 jxd_ins_elH1 lay-h1 default">
        <div class="leftIconClass"><i class="el-icon-s-home"></i></div>
        <div>
          <span>{{ h1_2Text }}</span>
        </div>
      </div>
      <!-- 数据表格 -->
      <div v-show="!table_3Hidden" class="table_3 jxd_ins_hTableV1 lay-table default" @needOperation1="table_3NeedOperation1">
        <h-table-v1 :key="table_3Refresh" theme-name="default" :props="table_3PropsData" :inner-styles="table_3InnerStyles" v-loading="table_3TableLoading" :isPagination="true" @selection-change="table_3SelectRow" ref="table_3TableRef" :cell-style="table_3CellStyle" @needOperation1="table_3NeedOperation1" :disabled="table_3Disabled" :data="table_3Data" :listQuery="table_3ListQuery">
          <el-table-column prop="perId" label="参赛序号" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
            <template slot-scope="scope">
              {{ scope.row.perId }}
            </template>
          </el-table-column>
          <el-table-column prop="name" label="姓名" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
            <template slot-scope="scope">
              {{ scope.row.name }}
            </template>
          </el-table-column>
          <el-table-column prop="age" label="年龄" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
            <template slot-scope="scope">
              {{ scope.row.age }}
            </template>
          </el-table-column>
          <el-table-column prop="sex" label="性别" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
            <template slot-scope="scope">
              {{ scope.row.sex }}
            </template>
          </el-table-column>
          <el-table-column prop="entries" label="参赛项目" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
            <template slot-scope="scope">
              {{ scope.row.entries }}
            </template>
          </el-table-column>
          <el-table-column prop="score" label="得分" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
            <template slot-scope="scope">
              {{ scope.row.score }}
            </template>
          </el-table-column>
          <el-table-column prop="field1" label="列7" align="noConfig" header-align="noConfig" :show-overflow-tooltip="true" :resizable="true">
            <template slot-scope="scope">
              {{ scope.row.field1 }}
            </template>
          </el-table-column>
        </h-table-v1>
        <div class="page"><el-pagination background @size-change="table_3HandleSizeChange" @current-change="table_3HandleCurrentChange" :page-size="table_3ListQuery.size" :key="table_3UpdateKey" :layout="table_3Layout" :total="table_3TableTotal" :current-page.sync="table_3ListQuery.current"></el-pagination></div>
      </div>
      <!-- 按钮 -->
      <el-button tabindex="0" :disabled="button_4Disabled" ref="button_4Ref" v-show="!button_4Hidden" class="button_4 jxd_ins_elButton lay-btn button_additional default" @click="button_4Click">
        <i class=""></i>
        <span>新增</span>
      </el-button>
      <!-- 按钮 -->
      <el-button tabindex="" :disabled="button_5Disabled" ref="button_5Ref" v-show="!button_5Hidden" class="button_5 jxd_ins_elButton lay-btn button_additional default">
        <i class=""></i>
        <span>excel导入</span>
      </el-button>
      <!-- 按钮 -->
      <el-button tabindex="" :disabled="button_6Disabled" ref="button_6Ref" v-show="!button_6Hidden" class="button_6 jxd_ins_elButton lay-btn button_additional default">
        <i class=""></i>
        <span>下载模板</span>
      </el-button>
      <!-- 弹出层 -->
      <el-dialog ref="dialog_7Ref" @opened="dialog_7OpenedDialog" :visible.sync="dialog_7Show" :show-close="dialog_7ShowClose" :modal="dialog_7IsModal" :modal-append-to-body="true" :append-to-body="true" :close-on-click-modal="dialog_7IsClickClose" top="0" :class="{ PfxtLrxx_dialog_7: true, lcdp_axe: true, jxd_additional: true, PfxtLrxx: true }" class="dialog_7 jxd_ins_elDialog default">
        <div slot="title" class="dialog-header">
          <span>{{ dialog_7() }}</span>
        </div>
        <div class="dialog-body">
          <!-- 标签 -->
          <span :class="{ isFlex: !label_8Hidden }" id="PfxtLrxxlabel_8" :disabled="label_8Disabled" @mouseover="selectStyle('label_8', 'PfxtLrxxlabel_8')" v-show="!label_8Hidden" class="label_8 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_8tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_8Data | label_8format(label_8that) }}
              </div>
              <span class="isShear">
                <span>{{ label_8Data | label_8format(label_8that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 单行文本 -->
          <el-input style="display: flex" placeholder="请输入" clearable :disabled="input_9Disabled" ref="input_9Ref" :type="input_9Type" v-show="!input_9Hidden" v-model="form_1FormData.hdPersonArr" class="input_9 jxd_ins_elInput lay-input default">&gt;</el-input>
          <!-- 标签 -->
          <span :class="{ isFlex: !label_10Hidden }" id="PfxtLrxxlabel_10" :disabled="label_10Disabled" @mouseover="selectStyle('label_10', 'PfxtLrxxlabel_10')" v-show="!label_10Hidden" class="label_10 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_10tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_10Data | label_10format(label_10that) }}
              </div>
              <span class="isShear">
                <span>{{ label_10Data | label_10format(label_10that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 单行文本 -->
          <el-input style="display: flex" placeholder="请输入" clearable :disabled="input_11Disabled" ref="input_11Ref" :value="input_11Data" :type="input_11Type" v-show="!input_11Hidden" class="input_11 jxd_ins_elInput lay-input default">&gt;</el-input>
          <!-- 标签 -->
          <span :class="{ isFlex: !label_12Hidden }" id="PfxtLrxxlabel_12" :disabled="label_12Disabled" @mouseover="selectStyle('label_12', 'PfxtLrxxlabel_12')" v-show="!label_12Hidden" class="label_12 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_12tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_12Data | label_12format(label_12that) }}
              </div>
              <span class="isShear">
                <span>{{ label_12Data | label_12format(label_12that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 单行文本 -->
          <el-input style="display: flex" placeholder="请输入" clearable :disabled="input_13Disabled" ref="input_13Ref" :value="input_13Data" :type="input_13Type" v-show="!input_13Hidden" class="input_13 jxd_ins_elInput lay-input default">&gt;</el-input>
          <!-- 标签 -->
          <span :class="{ isFlex: !label_14Hidden }" id="PfxtLrxxlabel_14" :disabled="label_14Disabled" @mouseover="selectStyle('label_14', 'PfxtLrxxlabel_14')" v-show="!label_14Hidden" class="label_14 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_14tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_14Data | label_14format(label_14that) }}
              </div>
              <span class="isShear">
                <span>{{ label_14Data | label_14format(label_14that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 单选框组 -->
          <h-radio-group :disabled="radio_15Disabled" :class="{ disabled: radio_15Disabled }" :options="radio_15Options" :props="radio_15PropsData" :value="radio_15Data" ref="radio_15Ref" :themeName="'default'" class="radio_15 jxd_ins_hRadioGroup jxd-h-radio-group default"></h-radio-group>
          <!-- 标签 -->
          <span :class="{ isFlex: !label_16Hidden }" id="PfxtLrxxlabel_16" :disabled="label_16Disabled" @mouseover="selectStyle('label_16', 'PfxtLrxxlabel_16')" v-show="!label_16Hidden" class="label_16 jxd_ins_format jxd-format-element default">
            <el-tooltip :disabled="label_16tooltip" :open-delay="500" class="item" effect="dark" :visible-arrow="false" popper-class="el-prompt el-prompt-position el-format-tooltip">
              <div slot="content" class="el-title">
                {{ label_16Data | label_16format(label_16that) }}
              </div>
              <span class="isShear">
                <span>{{ label_16Data | label_16format(label_16that) }}</span>
              </span>
            </el-tooltip>
          </span>
          <!-- 单行文本 -->
          <el-input style="display: flex" placeholder="请输入" clearable :disabled="input_17Disabled" ref="input_17Ref" :value="input_17Data" :type="input_17Type" v-show="!input_17Hidden" class="input_17 jxd_ins_elInput lay-input default">&gt;</el-input>
          <!-- 按钮 -->
          <el-button tabindex="" :disabled="button_20Disabled" ref="button_20Ref" v-show="!button_20Hidden" class="button_20 jxd_ins_elButton lay-btn button_additional default" @click="button_20Click">
            <i class=""></i>
            <span>取消</span>
          </el-button>
          <!-- 按钮 -->
          <el-button tabindex="" :disabled="button_21Disabled" ref="button_21Ref" v-show="!button_21Hidden" class="button_21 jxd_ins_elButton lay-btn button_additional default" @click="button_21Click">
            <i class=""></i>
            <span>确定</span>
          </el-button>
        </div>
      </el-dialog>
    </div>
  </div>
</template>
<script>
import * as HussarRouter from '@/utils/HussarRouter';
import * as _ from 'lodash';
import * as flowAuth from '@/api/bpm/flowAuth';
import * as sjmx from '#/api/pfxt/sjmx';
import { formatSelectStyle } from '@/pages/index/utils/lowcode/formatUtil';
import { getQueryConditionsResult } from '@/pages/index/utils/lowcode/queryConditionUtils';
/* @begin definitions # 页面局部定义 */
/* @end definitions */
export default {
  name: 'PfxtLrxx',
  components: {
    /* @begin components # 自定义组件 */
    /* @end components */
  },
  props: {
    /* @begin props # 自定义 */
    /* @end props */
  },
  data() {
    return {
      alreadyLoad: false, // 页面的alreadyLoad属性
      button_4Disabled: false, // 按钮的禁用属性
      button_4Hidden: false, // 按钮的隐藏属性
      button_5Disabled: false, // 按钮的禁用属性
      button_5Hidden: false, // 按钮的隐藏属性
      button_6Disabled: false, // 按钮的禁用属性
      button_6Hidden: false, // 按钮的隐藏属性
      button_20Disabled: false, // 按钮的禁用属性
      button_20Hidden: false, // 按钮的隐藏属性
      button_21Disabled: false, // 按钮的禁用属性
      button_21Hidden: false, // 按钮的隐藏属性
      dialog_7IsClickClose: false,
      dialog_7IsModal: true,
      dialog_7Show: false,
      dialog_7ShowClose: true,
      form_1FormCheck: {
        hdPersonArr: true,
      }, // 表单验证属性
      form_1FormData: {
        hdPersonArr: [],
      }, // 数据模型的data变量
      h1_2Disabled: false, // 标题的禁用属性
      h1_2Hidden: false, // 标题的隐藏属性
      h1_2Text: '录入信息',
      input_9Disabled: false, // 单行文本的禁用属性
      input_9Hidden: false, // 单行文本的隐藏属性
      input_9Type: 'text', // 单行文本的type属性
      input_11Disabled: false, // 单行文本的禁用属性
      input_11Hidden: false, // 单行文本的隐藏属性
      input_11Type: 'text', // 单行文本的type属性
      input_13Disabled: false, // 单行文本的禁用属性
      input_13Hidden: false, // 单行文本的隐藏属性
      input_13Type: 'text', // 单行文本的type属性
      input_17Disabled: false, // 单行文本的禁用属性
      input_17Hidden: false, // 单行文本的隐藏属性
      input_17Type: 'text', // 单行文本的type属性
      isFirstCreate: true, // 页面的isFirstCreate属性
      label_8Disabled: false, // 标签的禁用属性
      label_8Hidden: false, // 标签的隐藏属性
      label_8that: this,
      label_8tooltip: false,
      label_10Disabled: false, // 标签的禁用属性
      label_10Hidden: false, // 标签的隐藏属性
      label_10that: this,
      label_10tooltip: false,
      label_12Disabled: false, // 标签的禁用属性
      label_12Hidden: false, // 标签的隐藏属性
      label_12that: this,
      label_12tooltip: false,
      label_14Disabled: false, // 标签的禁用属性
      label_14Hidden: false, // 标签的隐藏属性
      label_14that: this,
      label_14tooltip: false,
      label_16Disabled: false, // 标签的禁用属性
      label_16Hidden: false, // 标签的隐藏属性
      label_16that: this,
      label_16tooltip: false,
      radio_15Disabled: false, // 单选框组的禁用属性
      radio_15Hidden: false,
      radio_15Options: [
        { name: '男', value: '1' },
        { name: '女', value: '2' },
      ], // 单选框组的data变量
      radio_15PropsData: {
        isBorderRadius: true,
        isAutoWidth: false,
        cusValue: '',
        isStyleOver: false,
        isBorder: false,
        reference: [],
        styleType: 'default',
        cusLabel: '',
        relativeData: [],
        calculateRefer: [{ defaults: { defaultValueType: '', value: {}, isDefaultValue: false }, name: '选中选项值', componentGetData: { mapping: [], configData: '', data: {}, dataType: 'string', configDataType: '', type: 'instance', instanceDataType: '', isGetLength: false, eventParamData: [], formulaEditor: {}, calData: [], formula: '', implementFunction: [], eventParamType: '', instanceKey: 'table_3', instanceData: ['data', '698f7bc1-c4c0-11ee-816f-5b00cd2dd386'] }, currentData: ['value'] }],
        options: [
          { changedField: 'name', name: '男', value: '1', isDisplay: false },
          { changedField: 'name', name: '女', value: '2', isDisplay: false },
        ],
        disabled: false,
        exegesis: '',
        isShadow: false,
      },
      table_3Data: [], // 数据表格的value变量
      table_3Disabled: false, // 数据表格的禁用属性
      table_3Hidden: false,
      table_3Layout: 'total,prev,pager,next',
      table_3CurrentPage: 1,
      table_3UpdateKey: 0,
      table_3TableLoading: false,
      table_3Refresh: 0,
      table_3ListQuery: {
        current: 1,
        size: 10,
      }, // 数据表格的pagination变量
      table_3PropsData: {
        needOperation: true,
        needOperations: [
          {
            borderColor: 'transparent',
            changedField: 'label',
            color: '#2794F8',
            bg: 'transparent',
            auth: '',
            eventName: 'needOperation1',
            label: '分配评委',
            isDisplay: false,
            isEvent: true,
          },
        ],
        needOperationWidth: 190,
        showSelection: false,
        showToolbar: false,
        showCustomList: false,
      },
      table_3InnerStyles: {},
      table_3ReturnData: [], // 表格动作返回值
      table_3TableDataChecked: [], // 数据表格的data变量
      table_3TableTotal: 0, // 数据表格的total变量
      /* @begin data # 自定义数据属性 */
      /* @end data */
    };
  },
  computed: {
    /**
     * 单行文本的取值
     */
    input_11Data: {
      get() {
        const self = this;
        let computedRes = '';
        const fromData = (function () {
          let result = [];
          self.table_3Data.forEach((item) => result.push(item.name));
          return result;
        })();
        computedRes = fromData.join(',');
        return computedRes;
      },
      set(value) {},
    },
    /**
     * 单行文本的取值
     */
    input_13Data: {
      get() {
        const self = this;
        let computedRes = '';
        const fromData = (function () {
          let result = [];
          self.table_3Data.forEach((item) => result.push(item.age));
          return result;
        })();
        computedRes = fromData.join(',');
        return computedRes;
      },
      set(value) {},
    },
    /**
     * 单行文本的取值
     */
    input_17Data: {
      get() {
        const self = this;
        let computedRes = '';
        const fromData = (function () {
          let result = [];
          self.table_3TableDataChecked.forEach((item) => result.push(item.entries));
          return result;
        })();
        computedRes = fromData.join(',');
        return computedRes;
      },
      set(value) {},
    },
    /**
     * 标签的取值
     */
    label_8Data: {
      get() {
        const self = this;
        let computedRes = '';
        const fromData = (function () {
          let result = [];
          self.table_3Data.forEach((item) => result.push(item.perId));
          return result;
        })();
        computedRes = fromData.join(',');
        return computedRes;
      },
      set(value) {},
    },
    /**
     * 标签的取值
     */
    label_10Data: {
      get() {
        const self = this;
        let computedRes = '';
        const fromData = (function () {
          let result = [];
          self.table_3Data.forEach((item) => result.push(item.name));
          return result;
        })();
        computedRes = fromData.join(',');
        return computedRes;
      },
      set(value) {},
    },
    /**
     * 标签的取值
     */
    label_12Data: {
      get() {
        const self = this;
        let computedRes = '';
        const fromData = (function () {
          let result = [];
          self.table_3Data.forEach((item) => result.push(item.age));
          return result;
        })();
        computedRes = fromData.join(',');
        return computedRes;
      },
      set(value) {},
    },
    /**
     * 标签的取值
     */
    label_14Data: {
      get() {
        const self = this;
        let computedRes = '';
        const fromData = (function () {
          let result = [];
          self.table_3Data.forEach((item) => result.push(item.sex));
          return result;
        })();
        computedRes = fromData.join(',');
        return computedRes;
      },
      set(value) {},
    },
    /**
     * 标签的取值
     */
    label_16Data: {
      get() {
        const self = this;
        let computedRes = '';
        const fromData = (function () {
          let result = [];
          self.table_3TableDataChecked.forEach((item) => result.push(item.entries));
          return result;
        })();
        computedRes = fromData.join(',');
        return computedRes;
      },
      set(value) {},
    },
    /**
     * 单选框组的取值
     */
    radio_15Data: {
      get() {
        const self = this;
        let computedRes = '';
        const fromData = (function () {
          let result = [];
          self.table_3TableDataChecked.forEach((item) => result.push(item.sex));
          return result;
        })();
        computedRes = fromData.join(',');
        return computedRes;
      },
      set(value) {},
    },
    /* @begin computed # 自定义计算属性 */
    /* @end computed */
  },
  watch: {
    /* @begin watch # 自定义侦听器 */
    /* @end watch */
  },
  methods: {
    /**
     * 按钮的点击事件
     */
    button_4Click() {
      const self = this;
      // 打开或关闭弹出层
      self.dialog_7Show = !self.dialog_7Show;
    },
    /**
     * 按钮的点击事件
     */
    button_20Click() {
      const self = this;
      // 打开或关闭弹出层
      self.dialog_7Show = !self.dialog_7Show;
    },
    /**
     * 按钮的点击事件
     */
    button_21Click() {
      const self = this;
      // 打开或关闭弹出层
      self.dialog_7Show = !self.dialog_7Show;
    },
    dialog_7() {
      const self = this;
      const title = '新增';
      return title;
    },
    dialog_7OpenedDialog() {
      const self = this;
      if (393 + 0 > document.body.clientHeight && self.$refs.dialog_7Ref) {
        self.$refs.dialog_7Ref.$el.style.top = 'unset';
      }
    },
    /**
     * 表单加载
     */
    form_1FormLoad(callback, formId) {
      const self = this;
      // 路由id
      const routerId = formId || HussarRouter.query(self, 'businessId');
      const data = {
        id: routerId,
      };
      if (self.form_1FormDataOLD !== undefined) {
        self.form_1FormDataOLD = _.cloneDeep(self.form_1FormData);
      }
      if (routerId && routerId !== '') {
        let convert = [];
        sjmx
          .formQuery(data)
          .then(async (res) => {
            if ((res.code === 200 || res.code === 10000) && res.data) {
              convert = res.data;
              self.form_1FormData = convert;
              if (self.form_1FormDataOLD !== undefined) {
                self.form_1FormDataOLD = _.cloneDeep(self.form_1FormData);
              }
              if (callback && typeof callback === 'function') {
                callback();
              }
            } else {
              HussarRouter.showMsg(self, '表单数据请求失败', 'error');
            }
          })
          .catch(function () {
            HussarRouter.showMsg(self, '表单数据请求异常', 'error');
          });
      } else {
        if (callback && typeof callback === 'function') {
          callback();
        }
      }
    },
    /**
     * 页面激活事件
     */
    hussar_0Activated() {
      const self = this;
      // 数据表格查询
      self.$nextTick(() => {
        self.table_3CurrentPage = 1;
        if (self.table_3ListQuery) {
          self.table_3ListQuery.current = 1;
        }
      });
      self.$nextTick(() => {
        self.table_3TableLoad(() => {
          // 表单查询
          self.form_1FormLoad(() => {
            // 此处生成了空方法体
          });
        });
      });
    },
    /**
     * 页面加载完成事件
     */
    hussar_0Onload() {
      const self = this;
      // 数据表格查询
      self.$nextTick(() => {
        self.table_3CurrentPage = 1;
        if (self.table_3ListQuery) {
          self.table_3ListQuery.current = 1;
        }
      });
      self.$nextTick(() => {
        self.table_3TableLoad(() => {
          // 表单查询
          self.form_1FormLoad(() => {
            // 此处生成了空方法体
          });
        });
      });
    },
    /**
     * 页面状态方法
     */
    hussar_0PageAllStateMe() {
      const self = this;
      if (self.hussar_0PageCommonStateMe) {
        self.hussar_0PageCommonStateMe();
      }
      if (self.hussar_0BpmStateHandler) {
        self.hussar_0BpmStateHandler();
      }
    },
    /**
     * 工作流表单权限方法
     */
    hussar_0PageRenderAllState(callBack) {
      const self = this;
      const failButContinue = true;
      flowAuth
        .getOnlineConfig()
        .then((res) => {
          if (res && res.msg === 'true') {
            // 权限查询条件
            if (self.$options.name && HussarRouter.query(self, 'processDefinitionKey')) {
              const condition = {
                formName: self.$options.name,
                taskId: HussarRouter.query(self, 'taskId'),
                processKey: HussarRouter.query(self, 'processDefinitionKey'),
                formType: HussarRouter.query(self, 'doneListIdentification'),
                taskDefinitionKey: HussarRouter.query(self, 'taskDefinitionKey'),
              };
              if (HussarRouter.query(self, 'doneListIdentification') === 3) {
                // 此处生成了空方法体
              }
              // 获取该工作流相应的表单权限配置
              if (flowAuth.getAllAuthConfigs) {
                flowAuth.getAllAuthConfigs(condition).then((res) => {
                  if (res && res.data && res.data.length > 0) {
                    // 循环权限配置，查到符合当前流程节点的权限
                    res.data.forEach((auth) => {
                      if (auth.taskDefinitionKey === HussarRouter.query(self, 'taskDefinitionKey')) {
                        // 获取禁用组件
                        if (auth.insDisabled) {
                          const insDisabled = JSON.parse(auth.insDisabled);
                          if (insDisabled && insDisabled.length > 0) {
                            insDisabled.forEach((ins) => {
                              const curIns = `${ins}Disabled`;
                              self[curIns] = true;
                            });
                          }
                        }
                        // 获取隐藏组件
                        if (auth.insHidden) {
                          const insHidden = JSON.parse(auth.insHidden);
                          if (insHidden && insHidden.length > 0) {
                            insHidden.forEach((ins) => {
                              const curIns = `${ins}Hidden`;
                              self[curIns] = true;
                            });
                          }
                        }
                        // 获取无需校验组件
                        if (auth.insNotCheck) {
                          const insNotCheck = JSON.parse(auth.insNotCheck);
                          if (insNotCheck && insNotCheck.length > 0) {
                            const formCheckParam = JSON.parse(auth.formCheckParam);
                            insNotCheck.forEach((ins) => {
                              if (formCheckParam[ins] && formCheckParam[ins].formKey) {
                                const formCheckData = `${formCheckParam[ins].formKey}FormCheck`;
                                if (formCheckParam[ins].field && self[formCheckData]) {
                                  self[formCheckData][formCheckParam[ins].field] = false;
                                }
                              }
                            });
                          }
                        }
                        // 获取隐藏插槽
                        if (auth.slotHidden) {
                          const colSlotHidden = JSON.parse(auth.slotHidden);
                          if (colSlotHidden && Object.keys(colSlotHidden).length > 0) {
                            const slotHiddenParam = `${Object.keys(colSlotHidden)}SlotHidden`;
                            self[slotHiddenParam] = Object.values(colSlotHidden);
                          }
                        }
                      }
                    });
                  }
                  self.alreadyLoad = true;
                });
              }
            } else {
              // 当前页面不是工作流表单
              self.alreadyLoad = true;
            }
          } else {
            self.alreadyLoad = true;
            if (callBack && typeof callBack === 'function') {
              callBack();
            }
          }
        })
        .catch(() => {
          self.$message.error('数据请求异常');
        });
    },
    selectStyle(key, insId) {
      const self = this;
      formatSelectStyle(key, self, insId);
    },
    /**
     * 数据表格的表格单元格样式方法
     */
    table_3CellStyle(row) {
      const self = this;
      if (row.column.property === 'perId') {
        return 'background: null;border-color: null;color: null;';
      }
      if (row.column.property === 'name') {
        return 'background: null;border-color: null;color: null;';
      }
      if (row.column.property === 'age') {
        return 'background: null;border-color: null;color: null;';
      }
      if (row.column.property === 'sex') {
        return 'background: null;border-color: null;color: null;';
      }
      if (row.column.property === 'entries') {
        return 'background: null;border-color: null;color: null;';
      }
      if (row.column.property === 'score') {
        return 'background: null;border-color: null;color: null;';
      }
      if (row.column.property === 'field1') {
        return 'background: null;border-color: null;color: null;';
      }
    },
    table_3ExcelDownloadForArea(colIndex) {
      const self = this;
      const ordA = 'A'.charCodeAt(0);
      const ordZ = 'Z'.charCodeAt(0);
      const len = ordZ - ordA + 1;
      let str = '';
      while (colIndex >= 0) {
        str = String.fromCharCode((colIndex % len) + ordA) + str;
        colIndex = Math.floor(colIndex / len) - 1;
      }
      return str;
    },
    table_3ExcelExportForArea(colIndex) {
      const self = this;
      const ordA = 'A'.charCodeAt(0);
      const ordZ = 'Z'.charCodeAt(0);
      const len = ordZ - ordA + 1;
      let str = '';
      while (colIndex >= 0) {
        str = String.fromCharCode((colIndex % len) + ordA) + str;
        colIndex = Math.floor(colIndex / len) - 1;
      }
      return str;
    },
    /**
     * 数据表格的获取筛选参数方法
     */
    table_3GetQueryConditions(params) {
      const self = this;
      const queryConditionsFields = [];
      return getQueryConditionsResult({
        queryConditionsFields,
        params,
        filterConfig: self.table_3PropsData.filterConfig,
      });
    },
    /**
     * 数据表格的处理当前更改方法
     */
    table_3HandleCurrentChange(currentPage) {
      const self = this;
      self.table_3ListQuery.current = currentPage;
      self.table_3TableLoad();
    },
    /**
     * 数据表格的处理大小更改方法
     */
    table_3HandleSizeChange(pageSize) {
      const self = this;
      self.table_3ListQuery.size = pageSize;
      self.table_3TableLoad();
    },
    /**
     * 数据表格的分配评委
     */
    table_3NeedOperation1(data) {
      const self = this;
      // 打开或关闭弹出层
      self.dialog_7Show = !self.dialog_7Show;
    },
    /**
     * 数据表格的选择行数据方法
     */
    table_3SelectRow(data) {
      const self = this;
      self.table_3TableDataChecked = [];
      data.forEach((item) => {
        self.table_3TableDataChecked.push(item);
      });
    },
    /**
     * 数据表格的表格初始化方法
     */
    table_3TableInit() {
      const self = this;
      self.table_3TableLoad();
    },
    /**
     * 数据表格的表格加载方法
     */
    table_3TableLoad(callback) {
      const self = this;
      self.table_3TableLoading = true;
      let sjmxObj = {
        ...self.table_3ListQuery,
      };
      self.table_3UpdateKey++;
      const taskId = HussarRouter.query(self, 'taskId');
      sjmxObj.taskId = taskId;
      let importMethod = 'hussarQueryPage';
      sjmx[importMethod](sjmxObj)
        .then(async (res) => {
          const data = res.data;
          if ((res.code === 200 || res.code === 10000) && data) {
            let convert = [];
            data.data.forEach((item) => {
              const flowRouteParamCopy = {};
              flowRouteParamCopy.businessId = item['id'] ? item['id'] : '';
              flowRouteParamCopy.taskId = item.taskId ? item.taskId : '';
              flowRouteParamCopy.definitionKey = item.processDefinitionKey ? item.processDefinitionKey : '';
              flowRouteParamCopy.taskDefinitionKey = item.taskDefinitionKey ? item.taskDefinitionKey : '';
              convert.push({
                flowRouteParam: flowRouteParamCopy,
                ...item,
              });
            });
            self.table_3TableTotal = data.count || 0;
            self.table_3ReturnData = data.data;
            self.table_3Data = convert;
            self.table_3TableLoading = false;
            if (callback && typeof callback === 'function') {
              callback();
            }
          } else {
            HussarRouter.showMsg(self, '表格数据请求失败', 'error');
            self.table_3TableLoading = false;
          }
        })
        .catch(function () {
          HussarRouter.showMsg(self, '表格数据请求异常', 'error');
          self.table_3TableLoading = false;
        });
    },
    /* @begin methods # 自定义方法 */
    /* @end methods */
  },
  created() {
    const self = this;
    // @begin created:before # 自定义创建钩子头部
    // @end created:before
    self.hussar_0PageRenderAllState();
    // @begin created:after # 自定义创建钩子尾部
    // @end created:after
  },
  mounted() {
    const self = this;
    // @begin mounted:before # 自定义挂载钩子头部
    // @end mounted:before
    self.hussar_0Onload();
    if (self.$compilationMetadata.strategy) {
      window.curPageSelfFresh = function () {
        if (self.hussar_0Activated) {
          self.hussar_0Activated && self.hussar_0Activated();
        }
      };
    }
    // @begin mounted:after # 自定义挂载钩子尾部
    // @end mounted:after
  },
  filters: {
    /**
     * 标签的过滤器
     */
    label_8format(value, that) {
      if (value === undefined || value === '') {
        return '参赛序号';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_10format(value, that) {
      if (value === undefined || value === '') {
        return '姓名';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_12format(value, that) {
      if (value === undefined || value === '') {
        return '年龄';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_14format(value, that) {
      if (value === undefined || value === '') {
        return '性别';
      }
      return value;
    },
    /**
     * 标签的过滤器
     */
    label_16format(value, that) {
      if (value === undefined || value === '') {
        return '参赛项目';
      }
      return value;
    },
  },
  destroyed() {
    const self = this;
    // @begin destroyed:before # 自定义销毁钩子头部
    // @end destroyed:before
    // @begin destroyed:after # 自定义销毁钩子尾部
    // @end destroyed:after
  },
  activated() {
    const self = this;
    // @begin activated:before # 自定义组件激活钩子头部
    // @end activated:before
    if (!self.isFirstCreate && HussarRouter.query(self, 'refresh')) {
      self.hussar_0Activated();
    }
    if (!self.isFirstCreate && HussarRouter.query(self, 'systemParams') && JSON.parse(HussarRouter.query(self, 'systemParams')).refresh === 1) {
      self.hussar_0Activated();
    }
    self.isFirstCreate = false;
    // @begin activated:after # 自定义组件激活钩子尾部
    // @end activated:after
  },
  beforeRouteUpdate(to, from, next) {
    const self = this;
    next();
    if (to.query && to.query.systemParams && JSON.parse(to.query.systemParams).refresh === 1) {
      if (self.hussar_0Activated) {
        self.hussar_0Activated && self.hussar_0Activated();
      }
    }
  },
  deactivated() {
    const self = this;
    // @begin deactivated:before # 自定义组件失活钩子头部
    // @end deactivated:before
    self.hussar_0firstCreated = false;
    // @begin deactivated:after # 自定义组件失活钩子尾部
    // @end deactivated:after
  },
  /* @begin options # 自定义页面组件创建选项 */
  /* @end options */
};
</script>
<!-- @begin style:before # 自定义 style 代码块（较低优先级） -->
<!-- @end style:before -->
<style scoped>
/*公共，用于固定*/
.lcdp_axe_main {
  height: 100%;
  overflow: auto;
  transform: scale(1);
}
/*公共，用于设置文字提示的最大宽度*/
.el-tooltip__popper {
  max-width: 500px;
}
.PfxtLrxx.hussar_0 {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  width: calc(100% - 0px - 0px);
  height: 100%;
}
.PfxtLrxx_dialog_7 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 393px;
}
.PfxtLrxx_dialog_7.el-dialog__wrapper {
  width: 100%;
  height: 100%;
}
.PfxtLrxx_dialog_7 {
  display: flex;
  flex-direction: column;
}
.PfxtLrxx_dialog_7 {
  align-items: center;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog {
  width: 460px;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog {
  top: 166px;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog {
  margin: auto;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog {
  height: 393px;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog {
  background: initial;
  box-shadow: 0 0 0;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog__headerbtn {
  width: auto;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog__headerbtn {
  height: auto;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog__body {
  position: relative;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog .dialog-header {
  width: 100%;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog .dialog-header {
  white-space: nowrap;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog .dialog-header {
  text-overflow: ellipsis;
}
.PfxtLrxx_dialog_7 /deep/ .el-dialog .dialog-header,
.PfxtLrxx_dialog_7 /deep/ .el-dialog .el-dialog__header {
  overflow: hidden;
}
.PfxtLrxx_dialog_7 /deep/ .dialog-body {
  width: 460px;
}
.PfxtLrxx_dialog_7 /deep/ .dialog-body {
  height: 348px;
}
.lcdp_axe.PfxtLrxx .button_4 {
  position: absolute;
  top: 55px;
  left: 847px;
  display: block;
}
.lcdp_axe.PfxtLrxx .button_4 {
  margin-left: 0;
}
.lcdp_axe.PfxtLrxx .button_4 /deep/ span i {
  font-weight: normal;
}
.lcdp_axe.PfxtLrxx .button_5 {
  position: absolute;
  top: 55px;
  left: 937px;
  display: block;
  width: 78px;
}
.lcdp_axe.PfxtLrxx .button_5 {
  margin-left: 0;
}
.lcdp_axe.PfxtLrxx .button_5 /deep/ span i {
  font-weight: normal;
}
.lcdp_axe.PfxtLrxx .button_6 {
  position: absolute;
  top: 55px;
  left: 1045px;
  display: block;
  width: 76px;
}
.lcdp_axe.PfxtLrxx .button_6 {
  margin-left: 0;
}
.lcdp_axe.PfxtLrxx .button_6 /deep/ span i {
  font-weight: normal;
}
.lcdp_axe.PfxtLrxx .button_20 {
  position: absolute;
  top: 287px;
  left: 60px;
  display: block;
  width: 129px;
  background: var(--c-dialogTitleBg);
  border-top: 1px solid;
  border-top-color: var(--c-borderColor);
  border-right: 1px solid;
  border-right-color: var(--c-borderColor);
  border-bottom: 1px solid;
  border-bottom-color: var(--c-borderColor);
  border-left: 1px solid;
  border-left-color: var(--c-borderColor);
}
.lcdp_axe.PfxtLrxx .button_20 {
  color: var(--c-subTxtColor);
  font-weight: normal;
  font-size: 14px;
  font-family: -apple-system, 'Noto Sans', 'Helvetica Neue', Helvetica, 'Nimbus Sans L', Arial, 'Liberation Sans', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei', '微软雅黑', 'Wenquanyi Micro Hei', 'WenQuanYi Zen Hei', 'ST Heiti', SimHei, 'WenQuanYi Zen Hei Sharp', sans-serif;
  font-style: normal;
  letter-spacing: 0px;
  text-decoration: none;
}
.lcdp_axe.PfxtLrxx .button_20 {
  margin-left: 0;
}
.lcdp_axe.PfxtLrxx .button_20 /deep/ span i {
  font-weight: normal;
}
.lcdp_axe.PfxtLrxx .button_21 {
  position: absolute;
  top: 287px;
  left: 300px;
  display: block;
  width: 130px;
}
.lcdp_axe.PfxtLrxx .button_21 {
  margin-left: 0;
}
.lcdp_axe.PfxtLrxx .button_21 /deep/ span i {
  font-weight: normal;
}
.lcdp_axe.PfxtLrxx .form_1 {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.lcdp_axe.PfxtLrxx .h1_2 {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-flex;
  width: 111px;
  height: 35px;
}
.lcdp_axe.PfxtLrxx .h1_2 /deep/ .leftIconClass {
  padding: 0px 7px 0px 0px;
}
.lcdp_axe.PfxtLrxx .h1_2 /deep/ .leftIconClass {
  color: var(--c-titleColor);
}
.lcdp_axe.PfxtLrxx .input_9 {
  position: absolute;
  top: 41px;
  left: 180px;
  display: block;
}
.lcdp_axe.PfxtLrxx .input_9 /deep/ .el-input__suffix {
  align-items: center;
  justify-content: flex-end;
  width: 0px;
}
.lcdp_axe.PfxtLrxx .input_9 /deep/ .el-input__suffix .el-input__suffix-inner {
  flex-direction: row-reverse;
}
.lcdp_axe.PfxtLrxx .input_9 /deep/ .el-input__inner::-ms-reveal {
  display: none;
}
.lcdp_axe.PfxtLrxx .input_9 /deep/ .el-input__clear {
  position: absolute;
}
.lcdp_axe.PfxtLrxx .input_9 /deep/ .el-input__clear {
  left: -15px;
}
.lcdp_axe.PfxtLrxx .input_9 /deep/ .el-input__clear {
  display: flex;
}
.lcdp_axe.PfxtLrxx .input_9 /deep/ .el-input__clear {
  align-items: center;
}
.lcdp_axe.PfxtLrxx .input_11 {
  position: absolute;
  top: 81px;
  left: 180px;
  display: block;
}
.lcdp_axe.PfxtLrxx .input_11 /deep/ .el-input__suffix {
  align-items: center;
  justify-content: flex-end;
  width: 0px;
}
.lcdp_axe.PfxtLrxx .input_11 /deep/ .el-input__suffix .el-input__suffix-inner {
  flex-direction: row-reverse;
}
.lcdp_axe.PfxtLrxx .input_11 /deep/ .el-input__inner::-ms-reveal {
  display: none;
}
.lcdp_axe.PfxtLrxx .input_11 /deep/ .el-input__clear {
  position: absolute;
}
.lcdp_axe.PfxtLrxx .input_11 /deep/ .el-input__clear {
  left: -15px;
}
.lcdp_axe.PfxtLrxx .input_11 /deep/ .el-input__clear {
  display: flex;
}
.lcdp_axe.PfxtLrxx .input_11 /deep/ .el-input__clear {
  align-items: center;
}
.lcdp_axe.PfxtLrxx .input_13 {
  position: absolute;
  top: 121px;
  left: 180px;
  display: block;
}
.lcdp_axe.PfxtLrxx .input_13 /deep/ .el-input__suffix {
  align-items: center;
  justify-content: flex-end;
  width: 0px;
}
.lcdp_axe.PfxtLrxx .input_13 /deep/ .el-input__suffix .el-input__suffix-inner {
  flex-direction: row-reverse;
}
.lcdp_axe.PfxtLrxx .input_13 /deep/ .el-input__inner::-ms-reveal {
  display: none;
}
.lcdp_axe.PfxtLrxx .input_13 /deep/ .el-input__clear {
  position: absolute;
}
.lcdp_axe.PfxtLrxx .input_13 /deep/ .el-input__clear {
  left: -15px;
}
.lcdp_axe.PfxtLrxx .input_13 /deep/ .el-input__clear {
  display: flex;
}
.lcdp_axe.PfxtLrxx .input_13 /deep/ .el-input__clear {
  align-items: center;
}
.lcdp_axe.PfxtLrxx .input_17 {
  position: absolute;
  top: 201px;
  left: 180px;
  display: block;
}
.lcdp_axe.PfxtLrxx .input_17 /deep/ .el-input__suffix {
  align-items: center;
  justify-content: flex-end;
  width: 0px;
}
.lcdp_axe.PfxtLrxx .input_17 /deep/ .el-input__suffix .el-input__suffix-inner {
  flex-direction: row-reverse;
}
.lcdp_axe.PfxtLrxx .input_17 /deep/ .el-input__inner::-ms-reveal {
  display: none;
}
.lcdp_axe.PfxtLrxx .input_17 /deep/ .el-input__clear {
  position: absolute;
}
.lcdp_axe.PfxtLrxx .input_17 /deep/ .el-input__clear {
  left: -15px;
}
.lcdp_axe.PfxtLrxx .input_17 /deep/ .el-input__clear {
  display: flex;
}
.lcdp_axe.PfxtLrxx .input_17 /deep/ .el-input__clear {
  align-items: center;
}
.lcdp_axe.PfxtLrxx .label_8 {
  position: absolute;
  top: 41px;
  left: 60px;
  display: inline-flex;
}
.lcdp_axe.PfxtLrxx .label_8 /deep/ .required {
  color: red;
}
.lcdp_axe.PfxtLrxx .label_8 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.PfxtLrxx .label_10 {
  position: absolute;
  top: 81px;
  left: 60px;
  display: inline-flex;
}
.lcdp_axe.PfxtLrxx .label_10 /deep/ .required {
  color: red;
}
.lcdp_axe.PfxtLrxx .label_10 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.PfxtLrxx .label_12 {
  position: absolute;
  top: 121px;
  left: 60px;
  display: inline-flex;
}
.lcdp_axe.PfxtLrxx .label_12 /deep/ .required {
  color: red;
}
.lcdp_axe.PfxtLrxx .label_12 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.PfxtLrxx .label_14 {
  position: absolute;
  top: 161px;
  left: 60px;
  display: inline-flex;
}
.lcdp_axe.PfxtLrxx .label_14 /deep/ .required {
  color: red;
}
.lcdp_axe.PfxtLrxx .label_14 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.PfxtLrxx .label_16 {
  position: absolute;
  top: 201px;
  left: 60px;
  display: inline-flex;
}
.lcdp_axe.PfxtLrxx .label_16 /deep/ .required {
  color: red;
}
.lcdp_axe.PfxtLrxx .label_16 /deep/ .isShear {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.lcdp_axe.PfxtLrxx .radio_15 {
  position: absolute;
  top: 162px;
  left: 180px;
  display: block;
  width: 250px;
}
.lcdp_axe.PfxtLrxx .radio_15 {
  line-height: 10px;
}
.lcdp_axe.PfxtLrxx .radio_15 /deep/ .el-radio {
  width: 80px;
}
.lcdp_axe.PfxtLrxx .radio_15 /deep/ .el-radio-button .el-radio-button__inner {
  width: 80px;
}
.lcdp_axe.PfxtLrxx .radio_15 /deep/ .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
  background: #ffffff;
}
.lcdp_axe.PfxtLrxx .radio_15 /deep/ .el-radio.is-bordered {
  margin: 0;
  padding: 0 20px 0 0;
}
.lcdp_axe.PfxtLrxx .table_3 {
  position: absolute;
  top: 108px;
  right: 20px;
  left: 20px;
  display: block;
  width: calc(100% - 20px - 20px);
}
.lcdp_axe.PfxtLrxx .table_3 /deep/ th.gutter {
  display: none;
}
.lcdp_axe.PfxtLrxx .table_3 /deep/ ::-webkit-scrollbar {
  width: 16px;
  height: 16px;
}
.lcdp_axe.PfxtLrxx .table_3 /deep/ .page .el-pagination .el-select .el-input {
  width: auto;
}
.lcdp_axe.PfxtLrxx .table_3 /deep/ .page .el-pagination .el-select .el-input .el-input__inner {
  max-width: 90px;
}
.lcdp_axe.PfxtLrxx .table_3 /deep/ .page .el-pagination .el-pagination__jump .el-input .el-input__inner {
  vertical-align: middle;
}
.lcdp_axe.PfxtLrxx .table_3 /deep/ .el-table__fixed::before,
.el-table__fixed-right::before {
  content: none;
}
.lcdp_axe.PfxtLrxx .table_3 /deep/ .el-table__fixed-footer-wrapper {
  bottom: -1px;
}
.lcdp_axe.PfxtLrxx .table_3 /deep/ .el-table__body tr.current-row > td {
  border-top: 1px solid transparent;
}
.jxd_hyperlinks_span {
  color: rgb(58, 142, 230);
  cursor: pointer;
}
</style>
<style></style>
<!-- @begin style:after # 自定义 style 代码块（较高优先级） -->
<!-- @end style:after -->
